<template>
	<view class="page">
		<view class="history">
			<view class="history_top">
				<view class="ordernum">
					订单编号：fg564588744
				</view>
				<view class="state">
					代发货
				</view>
			</view>
			<view class="pic">
				<image src="../../static/image/mine/discount/product01.png" mode="widthFix"></image>
			</view>
			<view class="needintegral">
				兑换积分：<text>1200</text>/积分（含运费：￥0.00）
			</view>
		</view>
		<view class="nohistory">
			<image src="../../static/image/mine/discount/mine_order.png" mode=""></image>
			<text>暂无兑换记录</text>
		</view>
	</view>
</template>

<script>
</script>

<style lang="less" scoped>
	.history {
		width: calc(100% - 30upx);
		margin: auto;
		height: 290upx;
		border-radius: 20upx;
		background-color: #FFFFFF;
		padding: 20upx 15upx;
		box-sizing: border-box;
		display: flex;
		justify-content: space-between;
		flex-direction: column;
		margin-top: 20upx;
		.history_top {
			display: flex;
			justify-content: space-between;
			.ordernum {
				font-size: 28upx;
				color: #333333;
			}
			.state {
				font-size: 28upx;
				color: #f73e2f;
			}
		}
		.pic {
			width: 120upx;
			height: 120upx;
			border-radius: 10upx;
			border: 2upx solid #E1E1E1;
			box-sizing: border-box;
			display: flex;
			justify-content: center;
			align-items: center;
			image {
				width: 102upx;
			}
		}
		.needintegral {
			font-size: 24upx;
			color: #999999;
			text-align: right;
			text {
				font-size: 28upx;
				color: #333333;
				font-weight: bold;
			}
		}
	}
	.nohistory {
		width: 100%;
		overflow: hidden;
		text-align: center;
		image {
			width: 227upx;
			height: 236upx;
			display: block;
			margin: auto;
			margin-top: 100upx;
		}
		text {
			margin-top: 20upx;
			font-size: 28upx;
			color: #999999;
		}
	}
</style>
